<script src="__CDN__/assets/addons/tang/vue2.js?v={$site.version|htmlentities}"></script>
<link rel="stylesheet" href="__CDN__/assets/addons/tang/element.css">
<link rel="stylesheet" href="__CDN__/assets/addons/tang/index.css">
<script src="__CDN__/assets/addons/tang/element.js?v={$site.version|htmlentities}"></script>
<div id="app" class="dashboard_debox2" v-cloak>
    <div class="inner">
        <el-row>
            <el-col :span="24">
                <div class="show_content">
                    <div class="de_ti">利润报表</div>
                    <div class="chose_time">
                        <el-date-picker :picker-options="pickerOptions" v-model="time1" type="daterange" @change="getData" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
                        </el-date-picker>
                    </div>
                </div>
            </el-col>
        </el-row>
        <el-row :gutter="20" style="padding:0 20px;">
            <el-col :span="10" :xs="24">
                <div class="show_content show_content2">
                    <div id="line-chart0" style="position: relative; height: 300px;"></div>
                </div>
            </el-col>
            <el-col :span="14" :xs="24">
                <div class="show_content show_content2">
                    <div id="line-chart1" style="position: relative; height: 300px;"></div>
                </div>
            </el-col>
        </el-row>
        <el-row :gutter="20" style="padding:0 20px;">
            <el-col :span="8" :xs="24">
                <div class="show_content show_content2">
                    <div class="de_ti">商品TOP5</div>
                    <div class="de_tbale">
                        <div id="line-chart2" style="position: relative; height: 300px;"></div>
                    </div>
                </div>
            </el-col>
            <el-col :span="8" :xs="24">
                <div class="show_content show_content2">
                    <div class="de_ti">用户TOP5</div>
                    <div class="de_tbale">
                        <div id="line-chart3" style="position: relative; height: 300px;"></div>
                    </div>
                </div>
            </el-col>
            <el-col :span="8" :xs="24">
                <div class="show_content show_content2">
                    <div class="de_ti">各大类占比</div>
                    <div class="de_tbale">
                        <div id="line-chart4" style="position: relative; height: 300px;"></div>
                    </div>
                </div>
            </el-col>
        </el-row>
    </div>
</div>